;((function($){


    $(function(){
    //    放大镜效果
    $(".big").on("mouseenter",function(){

        $(".xq").css({display:"block"});
        $(".dbig").css({display:"block"});

        //小图/大图=小区域/大区域
        //小区域=(小图/大图)*大区域
        var xqw=(($(".ltup").width()/$(".dbig img").width())*($(".dbig").width()));
        var xqh=(($(".ltup").height()/$(".dbig img").height())*($(".dbig").height()));

        $(".xq").width(xqw);
        $(".xq").height(xqh);

        //小图/小区域=大图/大区域
        var scal=$(".ltup").width()/$(".xq").width();

        document.onmousemove=function(evt){

            var e=evt||window.event;

            var mX=e.pageX-$(".big").offset().left-$(".xq").width()/2;
            var mY=e.pageY-$(".big").offset().top-$(".xq").height()/2;
            if(mX<=0){
                mX=0;
            };
            if(mY<=0){
                mY=0;
            }
            if(mX>=($(".big").width()-$(".xq").width())){
                mX=($(".big").width()-$(".xq").width());
            };
            if(mY>=($(".big").height()-$(".xq").height())){
                mY=($(".big").height()-$(".xq").height());
            }
            $(".xq").css({left:mX,top:mY})

            $(".dbig img").css({left:-mX*scal,top:-mY*scal})
        }

    });
        //鼠标离开的效果

        $(".big").on("mouseleave",function(){
            $(".xq").css({display:"none"});
            $(".dbig").css({display:"none"});
        });
    //    点击的效果
        $(".small ul li").on("mouseenter",function(){
            $(this).children("img").css({border:"1px solid #000"})
             .parents("li").siblings().children("img").css("border",0);
            //在鼠标划入li标签的时候,得到小图片的src路径,并且赋值给两张大图片
           var strs=$(this).find("img")[0].getAttribute("src");
            $(".dbig img").attr("src",strs);
            $(".ltup").attr("src",strs);

        })

        //跳转加上商品标号
        function getParam(url) {
            var val = "";
            if (url.indexOf("?") != -1) {
                val = url.split("?")[1].split("=");//xx,xxx
                return val[1];
            }
            return val;
        };
        //把商品的编号发过去; sp0002
        $.ajax({
            url:"../../serve/goods.php",
            data: {
                "pro_id": getParam(location.search)
            } // 问号后面的内容 pro_id=sp0002
        }).then(function(res){
            console.log(res);//返回一个对象
            //{pro_id: "sp0002", pro_name: "商品名称:结构式短袖", pro_price: "135", pro_imgs: Array(5)}
            for(var j=0;j<=4;j++){
                //动态给li标签添加图片
                        $(".small ul li").eq(j).find("img").attr("src",res.pro_imgs[j])
                    }
            //两张大图片默认是 第一张
            $(".big .ltup").attr("src",res.pro_imgs[0]);
            $(".dbig img").attr("src",res.pro_imgs[0]);
            $(".fdjc .srp").text(res.pro_name);
            $(".srtp em").text(res.pro_price);

            //把信息放在大盒子里(为点击加入购物车做准备)
            $(".box").attr("data-info",JSON.stringify(res));
            $(".ysdiv").find("em").css({backgroundImage:`url(${res.pro_imgs[0]})`})
        });
        //    购物部分数量加减(两个button按钮的点击事件,不会影响后台数据)
        var buynum=1;
        var num=1;
        $(".sldiv button").eq(0).on("click",function(){
            num++;
            $(".sldiv span input").val(num);
            buynum++;
        });
        $(".sldiv button").eq(1).on("click",function(){
            num--;
            if(num<=1){
                num=1;
            }
            $(".sldiv span input").val(num);
            buynum--;
        });
        //点击加入购物车按钮获取到data-info

        $(".btndiv button").eq(0).on("click",function(){
           // buynum++;

            var data=$(this).parents(".fdjc").prev().find("div").eq(0).data("info");
            data.u_id=JSON.parse(localStorage.getItem("userinfo")||'{}').u_id;
            data.pro_num=buynum;
            data.pro_img=data.pro_imgs[0];
            console.log(data.pro_img);
            $.ajax({
                url:"../../serve/carts.php",
                data:data,
                type:"post",
            }).then(function(res){
                console.log(res);
                    if(res.status==1){
                        alert("加入购物车成功")
                    }else{
                        alert("加入购物车失败")
                    }
            })
        });

        $(".btndiv button").eq(1).on("click",function(){
            window.location="2buycar.html";
        });

        //1,设置登陆注册这一栏的点击事件
        //登陆
        $(".headerr li").eq(0).children("a").on("click",function(){
            window.location="1load.html"
        });
        //注册
        $(".headerr li").eq(1).children("a").on("click",function(){
            window.location="1reg.html"
        });
        //微信
        $(".headerr li").eq(2).children("a").on("mouseenter",function(){
            $(".headerr").append("<img src='../image/160919171653.jpg' class='hrimgs'>")
            $(".hrimgs").css({top:35,left:"58%",position:"absolute"})
        });
        $(".headerr li").eq(2).children("a").on("mouseleave",function(){
            $(".hrimgs").css("display","none")
        });
        //微博
        $(".headerr li").eq(3).children("a").on("mouseenter",function(){
            $(".headerr").append("<img src='../image/0826143310.jpg' class='hrimgs'>")
            $(".hrimgs").css({top:35,left:"65%",position:"absolute"})
        });
        $(".headerr li").eq(3).children("a").on("mouseleave",function(){
            $(".hrimgs").css("display","none")
        });
        //手机版
        $(".headerr li").eq(4).children("a").on("mouseenter",function(){
            $(".headerr").append("<img src='../image/0826143318.jpg' class='hrimgs'>")
            $(".hrimgs").css({top:35,left:"72%",position:"absolute"})
        });
        $(".headerr li").eq(4).children("a").on("mouseleave",function(){
            $(".hrimgs").css("display","none")
        });

        $(".headerr li").eq(6).on("click",function(){
            window.location="2buycar.html"
        });
        //qbfl
        $(".headerr li").eq(7).on("mouseenter",function(){
            $("#qbfl").css({display:"block"});
        });
        $(".headerr li").eq(7).on("mouseleave",function(){
            $("#qbfl").css({display:"none"});
        });


        //2,添加设置右侧黑色滚动条
        $("body").append("<div class='ycblack'></div>");
        $(".ycblack").css({zIndex:1000,position:"fixed",right:0,top:0,color:"#fff",backgroundColor:"#000",width:36,height:635,})
        $(".ycblack").html("<div class='parent'><div class='p1'></div><div class='p2'></div><div class='p3'></div><div class='p4'></div><div class='p5'></div><div class='p6'></div></div>")
        $(".p1").html('<span class="iconfont">&#xe65d;</span>').css({height:36,lineHeight:"22px"});
        $(".p2").html('<p class="iconfont">&#xe61d;</p><p>购物车</p><p>0</p>').css({height:107,borderBottom:"1px solid #3E3E3E",borderTop:"1px solid #3E3E3E",margin:"10px 0px",}).children("p").css({margin : "6px 0px"})
        $(".p3").html('<span class="iconfont">&#xe619;</span>')
        $(".p4").html('<span class="iconfont">&#xe61a;</span>')
        $(".p5").html('<span class="iconfont">&#xe605;</span>')
        $(".p6").html('<p class="iconfont">&#xe6b1;</p><p>TOP</p>').css({marginTop:"120%"});
        $(".parent").css({position:"absolute",top:"25%"}).children("div").css({cursor:"pointer",width:"100%",textAlign:"center",});
        $(".parent .iconfont").css({fontsize:"12px",lineHeight : "36px"});

        $(".parent div").on("mouseenter",function(){
            $(this).css({backgroundColor : "#c10055"});
        });
        $(".parent div").on("mouseleave",function(){
            $(this).css({backgroundColor : "#000"});
        });

        $(".p1").on("mouseenter",function(){
            var newdiv=$("<div class='p1div'></div>");
            $("body").append(newdiv);
            $(".p1div").css({display:"block"});
        });
        $(".p1").on("mouseleave",function(){
            $(".p1div").css({display:"none"});

        });

        //返回顶部
        $.goup({
            trigger: 100,
            bottomOffset: 150,
            locationOffset: 0,
            titleAsText: true,
        });




        //选择尺码
        $(".sizediv em").on("click",function(){
            $(this).addClass("current").siblings().removeClass("current");
        });
        //选择颜色
     $(".ysdiv em").on("click",function(){
         $(this).addClass("current").siblings().removeClass("current");
     })
    //商品介绍 7天退换货的点击事件
        $(".sectionr .snavt p span").on("click",function(){
            $(this).addClass("current").siblings().removeClass("current")
            var num=$(this).index();
        $(".snavb").eq(num).addClass(" current").siblings().removeClass("current")
        })
    //    看了又看按钮的点击事件
        var cs=0;
        $(".fdjrn button").eq(0).on("click",function(){
            cs++;
            if(cs>2){
                cs=2;
                $(".fdjrn button").eq(1).on("click",function(){
                    cs--;
                    if(cs<=0){
                        cs=0;
                    }
                    $(this).parent("div").prev("ul").animate({top:cs*-520});
                })
            };

            $(this).parent("div").prev("ul").animate({top:cs*-520});
        });

    //点击跳转到首页
        $(".headerl a").on("click",function(){
            window.location="1index.html";
        });
        //登陆
        $(".headerr").find("li:eq(0) a").on("click",function(){
            window.location="1load.html";
        })
        //注册
        $(".headerr").find("li:eq(1) a").on("click",function(){
            window.location="1reg.html";
        })
        //手机购买
        $(".telgm a").on("click",function(){
            $(".ewm").slideDown();
        })
        $(".telgm .ewm span").on("click",function(){
            $(".ewm").slideUp();
        });


    //商品固定导航栏的效果
        var oTop=$(".snavt p").offset().top;
        console.log(oTop);
        window.onscroll=function(){
            var tops=$(this).scrollTop();
            if(tops>=oTop){
                $(".snavt p").css({position:"fixed",top:0,})
            }else{
                $(".snavt p").css({position:"static"})
            }
        }

    })//入口函数结尾

}))(jQuery);